// App.scss


$primary-color: #1890ff;
$border-color: #d9d9d9;
$card-padding: 16px;

.order-container {
    width: 100%;

    .deriction {
        border-top: 1px solid #ccc;
    }

    .order-number {
        margin-bottom: 12px;
        color: #333;
    }

    .formitem {
        width: 20%;
        border: 1px solid #d9d9d9;
    }

    .section-card {
        .section-title {
            margin-bottom: 8px;
            padding-left: 8px;
            border-left: 3px solid $primary-color;

        }

        .formitem {
            width: 20%;
            border: 1px solid #d9d9d9;
        }

        .address-fields {
            display: flex;
            //   grid-template-columns: repeat(2, 1fr);

        }

        .info-grid {
            display: flex;

        }

        .time-fields {
            display: flex;

        }

        .ant-table {
            .ant-table-cell {
                padding: 0px;
            }

            .ant-table-thead>tr>th {
                background-color: #fafafa;
                white-space: nowrap;
            }

            .ant-table-summary {
                background-color: #f5f5f5;

                td {
                    font-weight: 500;
                }
            }
        }


    }

    .ant-btn-lg {
        width: 200px;
        margin-top: 24px;
    }
}